$(function () {
  // 点击 '去注册账号' 的链接
  $("#link_reg").on("click", function () {
    $(".login-box").hide();
    $(".reg-box").show();
  });

  // 点击 '去登录' 的链接
  $("#link_login").on("click", function () {
    $(".login-box").show();
    $(".reg-box").hide();
  });

  // 自定义表单验证规则
  let form = layui.form;
  form.verify({
    pwd: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],
    repwd: (val) => {
      let value = $("#pwd").val().trim();
      if (value !== val) return "两次密码不一致";
    },
  });

  let layer = layui.layer;
  // 监听表单注册的提交事件
  $("#form-reg").on("submit", function (e) {
    // 阻止表单的默认提交事件
    e.preventDefault();
    // 获取到表单所有的数据
    let data = $(this).serialize();
    // 发起ajax 请求
    $.ajax({
      type: "POST",
      url: "/api/reguser",
      data: data,
      success: (res) => {
        // 进行判断 看拿回来的值是不是为0  如果不是提示用户
        if (res.status !== 0) return layer.msg(res.message);
        layer.msg("注册成功,请登录");
        // 注册 自动点击事件
        $("#link_login").click();
      },
    });
  });

  // 监听表单登录的提交事件
  $("#form-login").on("submit", function (e) {
    // 阻止默认提交事件
    e.preventDefault();
    // 获取表单所有的数据
    let data = $(this).serialize();
    // 发起ajax 请求
    $.ajax({
      type: "POST",
      url: "/api/login",
      data: data,
      success: (res) => {
        // 判断 res.status 拿回来的数据是不是为0 如果不是 提示用户
        if (res.status !== 0) return layer.msg(res.message);
        layer.msg("登录成功");
        // 将登录成功的 token 字符串保存在 localStorage中 以便用户进行权限访问
        localStorage.setItem("token", res.token);
        // 跳转到后台页面
        location.href = "/index.html";
      },
    });
  });

});
